@import "bootstrap/bootstrap";
@import "wangEditor/css/wangEditor";
@import "animate";

@main_color: #337ab7;

.article-body {
  margin-bottom: 4em;
  .article-title {
    color: #4a4a4a;
    &:hover, &:focus {
      color: @main_color;
      text-decoration: none !important;
    }
  }

  .article-meta {
    margin-bottom: 1em;
    //font-size: 0.9em;
    color: #999;
    .article-date:before {
      content: "\f073";
      display: inline-block;
      font-family: FontAwesome;
      margin-right: 0.25em;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }
    > * {
      display: inline-block;
      margin-right: .7em;
    }
    .article-delete, .article-update {
      margin-left: 5px;
      display: inline-block;
      color: #999;
      cursor: pointer;
      &:hover {
        color: #4a4a4a;
        text-decoration: none;
      }
    }
  }

  .article-inner {
    //margin-bottom: ;
    .btn {
      border-radius: 30px;
    }
  }

  .article-footer {
    font-size: 0.95em;
    border-top: 1px solid #eee;
    padding-top: 15px;
  }
}
.tags-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  .tag-item {
    list-style-type: none;
    display: inline-block;
    margin-right: .9em;
    a:before {
      display: inline-block;
      font-family: FontAwesome;
      content: "\f02b";
      margin-right: 0.25em;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }
    a {
      color: #999;
      text-decoration: none;
    }
    a:hover {
      color: #666;
      text-decoration: underline;
    }
  }
}

.modal.in .modal-dialog, .modal .modal-dialog {
  //margin: 50% auto;
  //transform: translateY(-100%)!important;
}

.pagination>li:first-child>* {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}


table td {
  border: 1px solid #999;
  padding: 3px 5px;
  min-width: 50px;
  height: 20px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft YaHei";
  font-weight: normal;
  color: #333;
}

.sidebar {
  padding-top: 20px;
  .sidebar-module-inset {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  .sidebar-module {
    padding: 15px;
    margin: 0 -15px 15px;

    h4 {
      margin-top: 0;
      margin-bottom: 10px;
    }
  }
  .sidebar-module-list{
    padding-left: 0px;
    list-style: none;
  }
  .sidebar-module-list-count {
    padding-left: 5px;
    &::before {
      content: "(";
    }
    &::after {
      content: ")";
    }
  }
}